body {
  background: #FFF;
  -moz-user-select: none;
  -webkit-user-select: none;
  width: 100%;
  min-width: 100%;
  margin:0;padding:0;height:100%;border:none;
  color: #224422;
  height: 100%;
  min-height: 100%;

}

/* Some Stuff I Added :3 */

.smallLogo{
	height: 70px;
	width: 52px;
	margin:5px;
}

.largeLogo{
	height: 140px;
	width: 104px;
}

#left{
	float:left;
	width:35%;
	overflow:hidden;
}

.alertCounter{
	font-family:alert;
	font-size:30px;
	float:right;
	margin-right:-2px;
	margin-top:-7px;
}
#dummyNews{
	position:absolute;
	left:-25%;
	background:#37c837;
	opacity:0;
	height:60px;
	width:35%;
}
#widgets{
	margin-top:10px;
	margin-left:10px;
}
#widgets div{
	float:right;
	display:inline-block;
	margin:0px;
	margin-right:10px;
}
#wallet {
	display:inline-block;
	width:100%;
}
.wallettitle{
  font-family: simple;
  text-align:left;
  font-size:16pt;
  font-weight: plain;
  background-color:#FFF;
  margin:7px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-right: 5px;  
  padding-left: 5px;
  
}
.card {
	display:block;
	margin:0px;
	margin-right:10px;
	width:100%;
}
#mainview #author{
	border-left: solid #1f281f 3px;
	border-right: solid #1f281f 3px;
	border-bottom: solid #1f281f 3px;
	border-top: transparent;
	background:transparent;
	font-family:simple;
	margin:15px;
	margin-top:0px;
}
#mainview #message{
	background:transparent;
	border:solid #7b7b7b 3px;
	margin:15px;
	margin-bottom:0px;
}
#mainview h1{
	font-family:simple;
	text-align:center;
	color:#37c837;
	font-size:45px;
	margin-bottom:10px;
	margin-top:10px;
}
#mainview p{
	font-family:sans-serif;
	text-align:justify;
	padding:5px;
	margin:5px;
	border:solid #37c837 5px;
}
#loading{
	position:fixed;

	right:32.5%;
	margin-right:-70px;

	top:20px;

	background:#FFF;	
	border-radius:20px;
	padding:20px;
}
.widget{
    font-family:simple;
	font-size:10px;
	float:right;
	height:50px;
	width:50px;
	overflow:hidden;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
}
.widgetTouched{
    font-family:simple;
	font-size:10px;
	float:right;
	height:50px;
	width:50px;
	background-image:url('images/blank.png');
	background-position:50px 50px;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
}
#IMGheading{
-webkit-transition: all 1000ms cubic-bezier(0.680, 0, 0.265, 1);
-webkit-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -ms-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1);
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
/* ********************* */

.distance {
  width: 50px;
  height: 50px;
  text-align:center;
  line-height: 50px;
  color:#FFF;
  font-family:alert;
  font-size:17px;
  background-image:url('images/icons.png');
  background-position:50px 50px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
.distanceTouched {
  width: 50px;
  height: 50px;
  color:#FFF;
  font-family:alert;
  font-size:17px;
  background-image:url('images/iconsPressed.png');
  background-position:50px 50px;
  text-align:center;
  line-height: 50px;
  color: #FFFFFF;

  -moz-user-select: none;
  -webkit-user-select: none;
}
.news {
	text-align:center;
	font-size:10px;
	background:#37c837;
	color:#FFF;
	font-family:Arial;
	height:60px;
}
.news a{
	text-decoration:none;
	color:#005A00;
}
.news a:hover{
	text-decoration:none;
	color:#e5ffe5;
}
.addcromb {
  width: 50px;
  height: 50px;
  background-image:url('images/icons.png');
  background-position:0px 50px;
  -webkit-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
.addcrombTouched {
  width: 50px;
  height: 50px;
  background-image:url('images/iconsPressed.png');
  background-position:0px 50px;
}

#mainview{
  background:#e5e5e5;
  width:65%;
  float:right;
}
.toolbar {
	float:right;
}
.cromb{
  font-family: simple;
  text-align:left;
  font-size:12pt;
  font-weight: plain;
  background-color:#FFF;
  margin:7px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-right: 5px;  
  padding-left: 5px;
  height:100%;
}
.signature{
  font-family: sans-serif;
  text-align:right;
  font-size:10pt;
}
.datetime{
  font-family: sans-serif;
  text-align:right;
  font-size:8pt;
  font-weight: plain;
  color: #999999;
  position:relative;
  bottom:0px;
}
.crombnext{
  text-align:center;
  font-size:14pt;
  font-weight: plain;
  color:#FFF;
  font-family:simple;
  background:#37c837;
  margin-left:30px;
  margin-right:30px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.crombnextTouched{
  text-align:center;
  font-size:14pt;
  font-weight: plain;
  color:#FFF;
  font-family:simple;
  background:#37c837;
  margin-left:30px;
  margin-right:30px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.crombprevious{
  text-align:center;
  font-size:14pt;
  font-weight: plain;
  color:#FFF;
  font-family:simple;
  background:#37c837;
  margin-left:30px;
  margin-right:30px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.crombpreviousTouched{
  text-align:center;
  font-size:14pt;
  font-weight: plain;
  color:#FFF;
  font-family:simple;
  background:#37c837;
  margin-left:30px;
  margin-right:30px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.postcromb{
  text-align:center;
  font-size:14pt;
  font-weight: plain;
  color:#FFF;
  font-family:simple;
  background:#37c837;
  margin-left:30px;
  margin-right:30px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
